<template>
     <div style="width: 600px">
       <SellDog
       v-for="(item,index) in list" 
       :key="index"
       :address="item.dogImgUrl"
       :msg="item.dogName"
       @like="likeDog"
       />
       <ul>
        您喜欢的狗如下：
        <li v-for="(item,index) in likes" :key="index">{{ item }}</li>
       </ul>
     </div>
</template>

<script>
import SellDog from './component/SellDog.vue'
export default {
    data() {
     return {
        list:[
    {
        dogImgUrl:
        "http://nwzimg.wezhan.cn/contents/sitefiles2029/10146688/images/21129958.jpg",
        dogName: "博美",
    },
    {
        dogImgUrl:
        "https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1224576619,1307855467&fm=26&gp=0.jpg",
        dogName: "泰迪",
    },
    {
        dogImgUrl:
        "https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2967740259,1518632757&fm=26&gp=0.jpg",
        dogName: "金毛",
    },
    {
        dogImgUrl:
        "https://pic1.zhimg.com/80/v2-7ba4342e6fedb9c5f3726eb0888867da_1440w.jpg?source=1940ef5c",
        dogName: "哈士奇",
    },
    {
        dogImgUrl:
        "https://gimg2.baidu.com/image_search/src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20200418%2F4c353ec8e4864353bd4a3f1db5ddac1c.jpeg&refer=http%3A%2F%2F5b0988e595225.cdn.sohucs.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1627805791&t=66b43b45f2c4f01f44d3b237a8931675",
        dogName: "阿拉斯加",
    },
    {
        dogImgUrl:
        "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1563813454815&di=ecdd2ebf479568453d704dffacdfa12c&imgtype=0&src=http%3A%2F%2Fwww.officedoyen.com%2Fuploads%2Fallimg%2F150408%2F1-15040Q10J5B0.jpg",
        dogName: "萨摩耶",
    },
            ],
     likes:[]
     }
    },
    components:{
       SellDog
    },
    methods:{
     likeDog(i) {
      this.likes.push(i)
     }
    }
}
</script>

<style>
</style>